<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Renascer Planejados</title>
        <link rel="stylesheet" type="text/css" href="_recursos/css/renascer.css"/>
        <script type="text/javascript" src="_recursos/scripts/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="_recursos/scripts/suporte.js"></script>
        <script type="text/javascript" src="_recursos/scripts/plugins.js"></script>

        <script type="text/javascript" src="_recursos/scripts/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
        <script type="text/javascript" src="_recursos/scripts/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
        <link rel="stylesheet" type="text/css" href="_recursos/scripts/fancybox/jquery.fancybox-1.3.4.css"/>

        <script type="text/javascript">
            var categoria;

            var inicio = 0;
            var carregados = 0;
            var total = 0;

            $(document).ready(function() {
                carregarTotalFotos();

                $('#mais').click(carregarMaisFotos);

                $.fullscreen($.extend(backgroundOptions, {
                    backgrounds: backgrounds,
                    backgroundIndex: window.backgroundIndex
                }));
            });

            function carregarTotalFotos() {
                categoria = $.getParameter('categoria');

                var titulo = categoria.substr(0, 1).toUpperCase() + categoria.substr(1, categoria.length);

                if (titulo == 'Dormitorios') {
                    titulo = 'Dormitórios/Closets';
                }

                $('#titulo').html(titulo);

                $('#fotos').append(loader());

                $.ajax({
                    url: '_recursos/classes/Diretorio.php',
                    dataType: 'json',
                    data: {
                        metodo: 'getTotalArquivos',
                        pasta: 'admin/fotos/ambientes/' + categoria
                    },
                    success: function(dados) {
                        total = dados.total;

                        if (total == 0) {
                            $('#loader').remove();
                            $('#fotos').append('Atuamente não temos nenhuma foto.');
                            return;
                        }

                        carregarFotos();
                    }
                });
            }

            function carregarFotos() {
                if (inicio > 0) {
                    $('#fotos').append(loader());
                }

                $.ajax({
                    url: '_recursos/classes/Diretorio.php',
                    dataType: 'json',
                    data: {
                        metodo: 'getArquivosPaginado',
                        pasta: 'admin/fotos/ambientes/' + categoria,
                        inicio: inicio
                    },
                    success: function(fotos) {
                        $('#loader').remove();

                        var length = fotos.length;

                        if (length) {
                            carregados += length;

                            var html = [];
                            var c = 0;

                            $(fotos).each(function(index, foto) {
                                html[c++] = ('<a rel="group" href="admin/fotos/ambientes/' + categoria + '/' + foto + '"><img alt="" src="admin/fotos/ambientes/' + categoria + '/small/' + foto + '"/></a>');
                            });

                            $('#fotos').append(html.join(''));
                            $('a[rel=group]').fancybox();

                            if (carregados == total) {
                                $('#mais').remove();
                            } else {
                                $('#mais').show();
                            }
                        }
                    }
                });
            }

            function carregarMaisFotos() {
                inicio = inicio + 12;
                carregarFotos();
            }

        </script>
    </head>
    <body>
        <div class="topo">
            <img title="Renascer Planejados" onclick="window.location.href = 'http://www.renascerplanejados.com'" class="logo" src="_recursos/imagens/logo.png"/>
            <img title="Litoral Plaza Shopping" onclick="window.open('http://www.litoralplazashopping.com.br')" class="shopping-logo" src="_recursos/imagens/shopping-logo.png"/>
            <div class="menu">
                <div class="base-centro-vertical">
                    <span class="centro-vertical">
                        <div class="menu-superior">
                            <a href="index.php">Home</a>
                            <a href="empresa.php">Empresa</a>
                            <a href="showroom.php">Show Room</a>
                            <a href="novidades.php">Novidades</a>
                            <a href="contato.php">Contato</a>
                        </div>
                        <span class="linha"></span>
                        <div class="menu-inferior">
                            <a href="ambientes.php?categoria=cozinhas">Cozinhas</a>
                            <a href="ambientes.php?categoria=salas">Salas</a>
                            <a href="ambientes.php?categoria=dormitorios">Dormitórios/Closets</a>
                            <a href="ambientes.php?categoria=banheiros">Banheiros</a>
                            <a href="ambientes.php?categoria=diversos">Diversos</a>
                        </div>
                    </span>
                </div>
            </div>
        </div>
        <div class="centro">
            <div class="linha-cima"></div>
            <div class="linha-baixo"></div>
            <div class="base-conteudo">
                <div class="conteudo">
                    <div class="facebook"><a title="Facebook Renascer Planejados" href="https://www.facebook.com/pages/Renascer-Planejados-e-Decora%C3%A7%C3%B5es/140672086093209?ref=ts&fref=ts" target="_blank"><img height="25" src="_recursos/imagens/facebook.png"/></a></div>
                    <div class="titulo">
                        <h1 id="titulo"></h1>
                        <h2>Clique na(s) foto(s) para ampliar.</h2>
                    </div>
                    <div class="texto">
                        <div id="fotos" class="fotos"></div>
                        <span style="display: none" id="mais">Mais Fotos</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="rodape">
            <div class="desenvolvido">
                <div>
                    <span>Desenvolvido por<a title="RRA Desenvolvimento" target="_blank" href="http://www.rradesenvolvimento.com">RRA</a></span>
                </div>
            </div>
            <div class="contato">
                <div>
                    <span>
                        <span class="title">Renascer Planejados - Todos os Direitos Reservados</span>
                        <span>Av. Ayrton Senna da Silva, 1.511 - Lojas 9 e 10</span>
                        <span>Tel.: (13) 3473.2176 - Praia Grande/SP</span>
                    </span>
                </div>
            </div>
        </div>
    </body>
</html>
